<?xml version="1.0" encoding="UTF-8"?>
<!--
    Document   : UGC_CNEL
    Created on : 12/01/2010, 02:50:15 PM
    Author     : Admin Modificado
-->

<html      xmlns="http://www.w3.org/1999/xhtml"
           xmlns:ui="http://java.sun.com/jsf/facelets"
           xmlns:f="http://java.sun.com/jsf/core"
           xmlns:h="http://java.sun.com/jsf/html"
           xmlns:icecore="http://www.icefaces.org/icefaces/core"
           xmlns:ace="http://www.icefaces.org/icefaces/components"
           xmlns:ice="http://www.icesoft.com/icefaces/component">
    <h:head>
        <f:loadBundle basename="org.qsoft.idioma.LN_ESP" var="msg"/>
        <title>#{msg.Titulo}</title>
        <link href="#{msg.url_icono_empresa}" rel="shortcut icon" type="image/x-icon" />

        <ice:outputStyle href="./xmlhttp/css/rime/rime.css"/>
        <ice:outputStyle href="css/estilo.css"/>
        <script type="text/javascript" src="js/app.js"></script>
    </h:head>
    <h:body>
        <ice:form id="form_acceso">
            <div id="acceso">
                <div style="text-align:center">
                    <ice:graphicImage url="#{msg.path_imagen_login}"/>
                </div>
                <h3 style="cursor:auto;text-align:center;font-size:14px;" class="icePnlClpsblHdr">
                    #{msg.Titulo}
                </h3>
                <ice:panelGroup styleClass="synopsisBox">
                    <span>#{msg.Titulo_login}</span>
                </ice:panelGroup>
                <!-- Layout the links and buttons. -->
                <ice:panelGrid columns="2" style="font-size:11px">
                    <ice:outputLabel for="txt_usuario"
                                     value="#{msg.usuario_login}"/>
                    <ice:panelGroup>
                        <ice:inputText id="txt_usuario"
                                       value="#{accesoBean.cedula}"
                                       size="25"
                                       maxlength="10"
                                       actionListener="#{accesoBean.valida}">
                            <f:validator validatorId="validador.cedula"/>
                        </ice:inputText>
                        <ice:message id="usuarioMsg" for="txt_usuario" style="color:red; line-height:200%;background: url( 'xmlhttp/css/rime/css-images/bullet.gif' ) no-repeat 0 3px;padding-left:15px"/>
                        <ice:outputText value="(Ejemplo 1309787628)"/>
                    </ice:panelGroup>

                    <ice:outputLabel for="txt_clave" value="#{msg.pass_login}"/>
                    <ice:panelGroup>
                        <ice:inputSecret id="txt_clave"
                                         value="#{accesoBean.clave}"
                                         maxlength="25"
                                         size="25"
                                         actionListener="#{accesoBean.valida}">

                        </ice:inputSecret>
                        <ice:message id="claveMsg" for="txt_clave" style="color:red; line-height:200%;background: url( 'xmlhttp/css/rime/css-images/bullet.gif' ) no-repeat 0 3px;padding-left:15px"/>
                    </ice:panelGroup>
                </ice:panelGrid>
                <ice:panelGroup style="text-align:center;padding:5px">
                    <ice:message id="mensaje" for="form_acceso" style="color:red; line-height:200%;background: url( 'xmlhttp/css/rime/css-images/bullet.gif' ) no-repeat 0 3px;padding-left:15px"/>
                </ice:panelGroup>
                <ice:panelGroup style="text-align:center;">
                    <ice:commandButton id="Cmdaceptar"
                                       value="#{msg.btnlogin_login}"
                                       styleClass="boton"
                                       type="submit"
                                       actionListener="#{accesoBean.valida}"/>
                    <span style="padding-left:10px"/>
                    <ice:commandButton id="Cmdlimpiar" value="#{msg.btnlimpiar_login}" type="reset" styleClass="boton"/>
                </ice:panelGroup>
                <!--popup window section-->
                <ice:panelPopup autoCentre="true"
                                modal="true"
                                visible="#{accesoBean.popupmodal}">
                    <f:facet name="header">
                        <ice:panelGroup styleClass="popupHeaderWrapper">
                            <ice:outputText
                                value="Error"
                                styleClass="popupHeaderText"/>
                            <ice:commandButton id="modalPnlCloseBtn" type="button"
                                               image="imagenes/popupclose.gif"
                                               actionListener="#{accesoBean.cierracierrapopup}"
                                               styleClass="popupHeaderImage"
                                               title="Close Popup" alt="Close"/>
                        </ice:panelGroup>
                    </f:facet>
                    <f:facet name="body">
                        <ice:panelGroup styleClass="popupBody">
                            <h3><span style="color:red">[x] Error </span> #{accesoBean.texto}!</h3>
                            <br/>
                            <ice:commandButton id="modalPnlCloseButton" type="submit"
                                               styleClass="boton"
                                               value="Cerrar"
                                               actionListener="#{accesoBean.cierracierrapopup}"/>
                        </ice:panelGroup>
                    </f:facet>
                </ice:panelPopup>

                <br/>
                <ice:panelGroup style="text-align:center;">
                    <ice:outputLink id="btn_link_cnel" value="http://#{msg.url_empresa}" target="_blank" style="color:blue">
                        <ice:outputText value="#{msg.url_empresa}" style="color:blue"/>
                    </ice:outputLink>

                </ice:panelGroup>
            </div>
        </ice:form>
        <!--  to set the focus en txt_usuario -->
        <script language="JavaScript" type="text/javascript">
            // <![CDATA[
            window.onLoad(function() {
                document.getElementById("form_acceso:txt_usuario").focus();
            });
            // ]]>
        </script>
    </h:body>

</html>


